<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>CSS Demo</title>
<style type="text/css">
	.menu /* Format the menus */
	{
		float: left;
		width: 150px;
		margin: 10px 10px 10px 10px;
		font-family: Arial;
		text-decoration: underline;
	}
	
	//.menu div /* Use to hide the sub menus */
	//{
	//	display: none;
	//	
	//}
		
	.menu:hover div /* Use to show the hidden menus when mouse hovered */
	{
		display: block;
	}
</style>
</head>
<body>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script>
<script type="text/javascript">
	$(function()
		{
		alert(''); /* This works */
			$(".menu div").css("display","none");
		});
	
</script>
	<div>
		<div class = "menu">
			File
			<div>Open <br />Save</div>
		</div>
		<div class = "menu">
			Edit
			<div>Copy <br />Paste</div>
		</div>
		<div class = "menu">
			Help
			<div>Update <br />Do It For Me</div>
		</div>
	</div>
</body>
</html>